<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap-datatimepicker.4.14.47.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/manager.css"/>
		<!--画图插件-->
		<!--<script src="../../js/Chart.addTest.js" type="text/j/avascript" charset="utf-8"></script>-->
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#choose1{
				border: 0px;
				background-color: #f7f7f7;
				font-size: 0.416666rem;
				
				/*margin: 0.347222rem 0.347222rem 0.347222rem 0.388888rem;*/
				
			}
			.intergral{
				padding: 0.388888rem;overflow: hidden;
				background-color: white;
				border: 0.013888rem solid gainsboro;
				border-left: 0rem;
				border-right: 0rem;
			}
			.f27{
				font-size: 0.375rem;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;">查看详情</p>
				</div>
				<div id="content" style="padding-top: 1.3rem;">
					<div style=" padding-top: 0.5rem;">
						<div style="padding-left: 0.2rem;height: 6vh;font-size: 12px!important;margin-bottom: 0.3rem;">
							<span style="float: left;width: auto;height: 34px; line-height: 34px; font-size: 14px;">时间：</span> 
							<div class="form-group" style="float: left;margin-bottom: 0;width: 3.5rem;font-size: 12px;height: 7vh;font-size: 0.2rem;">  
					            <div class="input-group date" id='date1' style="height: 0.555555rem;">  
					                <input type="text" class="form-control" style="text-align: center;" />  
					                <span class="input-group-addon">  
					                    <i style="color: #e93340;" class="glyphicon glyphicon-calendar"></i>  
					                </span>  
					            </div>  
					        </div>
					        <span style="color: #e93340;float: left;height: 6vh;line-height: 6vh;margin: 0 0.3rem;">—</span>
					        <div class="form-group" style="float: left; margin-bottom: 0;width: 3.5rem;font-size: 12px;height: 7vh;font-size: 0.2rem;">  
					            <div class="input-group date" id='date2' style="height: 0.555555rem;">  
					                <input type="text" class="form-control" style="text-align: center;" />  
					                <span class="input-group-addon">  
					                    <i style="color: #e93340;" class="glyphicon glyphicon-calendar"></i>  
					                </span>  
					            </div>  
					        </div>
						</div>
					</div>
					<ul>
						<li class="intergral">
							<span class="f27" style="float: left;">
								<span id="value1"></span>：
								<span id="value2"></span>
							</span>
						</li>
					</ul>
					<p style="padding: 0.388888rem;text-align: center;">
						<span class="f27" style="width: 30%;">基础积分：<span id="value3">11</span></span>
						<span class="f27"style="width: 30%;margin: 0 5%;">考勤积分：<span id="value4">11</span></span>
						<span class="f27" style="width: 30%;">行动积分：<span id="value5">11</span></span>
					</p>
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/Chart.addTest.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../common/js/bootstrap-3.3.7-dist/js/moment-with-locales.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap-datatimepicker.4.14.47.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
						var pieData = [
				{
					value: 111,
					color:"#A94442"
					,text: "20%"
				},
				{
					value : 111,
					color : "#3E8F3E"
					,text: "20%"
				},
				{
					value : 111,
					color : "#002A80"
					,text: "20%"
				},
				{
					value : 111,
					color : "#F0AD4E"
					,text: "20%"
				},
				{
					value : 111,
					color : "#6666FF"
					,text: "20%"
				}
			
			];
			
	var canvas = document.getElementById("canvas");
	$('#date1').datetimepicker({  
		        format: 'YYYY-MM-DD ',  
		        locale: moment.locale('zh-cn'),
		        showTodayButton:true,
		        showClose:true,
		        minDate:'2017-10-01',
		        maxDate:'2018-10-31',
		        date:'2017-10-25',
		        widgetPositioning:{
		        	horizontal: 'left',
            		vertical: 'bottom'
		        }
		    });
		     $('#date2').datetimepicker({  
		        format: 'YYYY-MM-DD ',  
		        locale: moment.locale('zh-cn'),
		        showTodayButton:true,
		        showClose:true,
		        minDate:'2017-10-01',
		        maxDate:'2018-10-31',
		        date:'2017-10-25',
		        widgetPositioning:{
		        	horizontal: 'right',
            		vertical: 'bottom'
		        }
		    });
		    
		    
		    
//	var myPie = new Chart(canvas.getContext("2d")).Pie(pieData);


//			$.ajax({
//				type: "get",
//				url: "http://47.104.13.109/mall-service/areapic/search",
//				async: true,
//				data: {
//					"areaId": "1"
//				},
//				success: function(data) {
//					console.log(data);
//					$('.tabDiv li:nth-child(1) img').attr("src", data.pic1);
//				}
//			});
			
		})
		
		
		
		
		function getParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)
            return decodeURI(r[2]);   //对参数进行decodeURI解码
        return null;
   		}

    	$(function() {
        var val1 = getParam("value1");
        var val2 = getParam("value2");
        var val3 = getParam("value3");
        var val4 = getParam("value4");
        var val5 = getParam("value5");
        $('#value1').html(val1);
        $('#value2').html(val2);
        $('#value3').html(val3);
        $('#value4').html(val4);
        $('#value5').html(val5);
    	});


	</script>

</html>